import { UserContext, ThemeContext } from "../util/context"

export default function ConsumerContext() {
  return (
    <UserContext.Consumer>
      {(value) => {
        return (
          <ThemeContext.Consumer>
            {(value1) => {
              return (
                <div style={{ color: value1.color }}>
                  color: {value1.color}、 user: {value.name}
                </div>
              )
            }}
          </ThemeContext.Consumer>
        )
      }}
    </UserContext.Consumer>
  )
}
